<template>
  <div>
      <div class="children">
           <h1>子组件</h1>
           <button>我是子组件按钮1</button>
           <span>{{count}}</span>
           <button>我是子组件按钮2</button>
      </div>
  </div>
</template>

<script>
export default {
    props:['cnt'],
  data: function() {
    return {}
  },
  methods: {},
  created() {}
}
</script>

<style scoped>
.children{
    width: 600px;
    height: 300px;
    border: 1px solid #000;
    margin: 0 auto;
}
</style>
